@extends('mbcore.baseadmin::layout.iframe')
@section('title', $subtitle)

@section('content')
    <style>
        select.form-control,select option{ font-size: 12px; vertical-align: middle;}
        #contentTableToolbar .row{line-height:18px;}
        #contentTableToolbar .row .col-sm-8{ margin-top: 6px;}
        .layui-layer-btn{text-align: center !important;}
        button.btn1{
            position: absolute;
            top: 3%;
            right: 2%;
        }
        .year{
            width: auto;
            margin-top: 1%;
            /* margin-right: 3px; */
            border-image: none;
            /* border: 1px solid #cfdadd; */
            padding-bottom: 11px;
            /* padding-top: 4px; */
            border-radius: 2px;
            padding-left: 0%;
        }
    </style>
    <div class="row wrapper wrapper-content animated fadeInRight">
    {{--顶部导航--}}
{{--    @include('admin.platform.manager.navigation')--}}
    <!-- Panel Other -->
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>{{ $subtitle }}</h5>
                <h5 style="float: right;">
{{--                    <a href="{{ route('homePage') }}">--}}
{{--                        <button class="btn btn-info btn1" type="button">--}}
{{--                            {{ config('mbcore_baseadmin.baseadmin_homeView_name') }}--}}
{{--                        </button>--}}
{{--                    </a>--}}
                </h5>
            </div>

            <div class="ibox-content">
                <div class="row row-lg">
                    <div id="toolbar" class="btn-group" style="margin-left: 1%;">
                        <button id="add" class="btn btn-default" title="新增企业">
                            <i class="glyphicon glyphicon-plus"></i> 新增企业
                        </button>
                    {{--<button id="del" class="btn btn-default" title="删除">--}}
                    {{--<i class="glyphicon glyphicon-minus"></i> 删除--}}
                    {{--</button>--}}
                    </div>
                    <div class="col-sm-12">

{{--                        <div class="col-sm-4 year">已开通账号：50个</div>--}}
{{--                        <strong class="col-sm-4 year">是否领导</strong>--}}
{{--                        <div class="col-sm-4"  style="width: 150px; margin-top: 1%;padding-left: 0!important;">--}}
{{--                            <select id="StatusSelect" class="input-sm form-control input-s-sm inline">--}}
{{--                                <option value="all" selected="selected">全部</option>--}}
{{--                                <option value="1">是</option>--}}
{{--                                <option value="2">否</option>--}}
{{--                            </select>--}}
                        </div>

                        <table id="contentTable" data-mobile-responsive="true">
                            <thead>
                            <tr>
                                {{--<th data-field="state" data-checkbox="true"></th>--}}
{{--                                <th data-halign="center" data-align="center" data-width="5%" data-field="id">ID</th>--}}
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="short_name" data-show="1">企业简称</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="head">主负责人</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="operation_head" >负责人</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="status_show">合作状态</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="department_name">地址</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="status_show" >企业简介与备注</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-field="admin_name">添加人</th>
                                <th data-halign="center" data-align="center" data-width="15%"  data-field="crated_at">添加时间</th>
                                <th data-halign="center" data-align="center" data-width="10%"  data-formatter="OperationFormat">操作</th>
                            </tr>
                            </thead>
                        </table>
                        <!-- End Example Events -->
                    </div>
                </div>
            </div>
        </div>
        <!-- End Panel Other -->
    </div>
@stop
<style>
    .red_color{
        color: red;
    }
    .green_color{
        color: green;
    }
</style>
@push('startcss')
    <link href="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
@endpush

@section('myscript')
    <!-- Bootstrap table -->
    <script src="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/js/plugins/bootstrap-table/bootstrap-table-search.js"></script>
{{--    <script src="{{ config('mbcore_baseadmin.baseadmin_assets_path')}}/js/plugins/bootstrap-switch.min.js"></script>--}}

    <!-- Peity -->
    <script>

        function  OperationFormat(value,row,index){
            return '<button value=' + row.id + ' class = "btn btn-xs btn-info edit-data"><i class="fa fa-edit"></i> 编辑</button> ';
                // '<button value=' + row.id + ' class = "btn btn-xs btn-danger del-data"><i class="fa fa-remove"></i> 删除</button> ';
        }

        // Example Bootstrap Table Events
        // ------------------------------
        $(function() {
            /**
             * 给ajax统一增加csrf请求头
             */
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var indexUrl = "{{ route('v1.admin.order.enterprise.index') }}";
            $('#contentTable').bootstrapTable({
                method: 'post',
                contentType: "application/x-www-form-urlencoded",//必须要有！！！！
                url:indexUrl,//要请求数据的文件径
                sidePagination: "server", //服务端处理分页路
                queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的
                    return {//这里的params是table提供的
                        offset: params.offset,//从数据库第几条记录开始
                        limit: params.limit , //找多少条
                        keywords: params.search,  //关键词
                        condition: $("#sel_column").val(),  //检索条件
                        // status: $("#StatusSelect").val(),
                    };
                },
                search: true,  //是否启用搜索框
                // searchText:'用户昵称',  //初始化搜索文字
                showColumns: true, //是否显示内容列下拉框
                pagination: true,  //设置为 true 会在表格底部显示分页条。
                showRefresh: true,  //是否显示刷新按钮
                showFullscreen: true, //是否显示全屏按钮
                //showToggle: true,  //是否显示切换视图（table/card）按钮。
                iconSize: 'outline',
                toolbar: '#contentTableToolbar',
                clickToSelect: true,//是否启用点击选中行
                striped: true, //是否显示行间隔色
                dataField: "data",//bootstrap table 可以前端分页也可以后端分页，这里
                //我们使用的是后端分页，后端分页时需返回含有total：总记录数,这个键值好像是固定的
                //rows： 记录集合 键值可以修改  dataField 自己定义成自己想要的就好
                pageNumber: 1, //初始化加载第一页，默认第一页
                pageSize:10,//单页记录数
                pageList:[5,10,20,30],//分页步进值
                icons: {
                    refresh: 'glyphicon-repeat',
                    //toggle: 'glyphicon-list-alt',
                    columns: 'glyphicon-list'
                }
                ,responseHandler:function(res){
                    //在ajax获取到数据，渲染表格之前，修改数据源
                    console.log(res);
                    if(res.code == 200){
                        return res.result;
                    }else{
                        return [];
                    }
                }
                ,height:$(window).height() - 120
            });

            // 操作部分的JS
{{--            var createUrl = "{{ route('v1.admin.order.enterprise.create') }}";--}}
{{--            var editUrl = '{{ route("v1.admin.order.enterprise.update",['id'=>'__id__'])}}';--}}
            {{--var deleteUrl = '{{ route("v1.admin.organization.posts.account.delete",['id'=>'__id__'])}}';--}}
            {{--var changeStatusUrl = '{{ route("v1.admin.organization.account.changeStatus",['id'=>'__id__'])}}';--}}
            {{--var showUrl = '{{route("dispute.show",['id'=>'__id__'])}}';--}}
            {{--var handleUrl = '{{route("dispute.handle",['id'=>'__id__'])}}';--}}
            @include('common.operation_js')
            // $('body').on('click', '.edit-status', function() { // 删除
            //     var url = changeStatusUrl.replace('__id__',$(this).attr('data-id')); //this代表删除按钮的DOM对象;
            //     console.log(url);
            //     layer.confirm('你确定要修改岗位开放状态吗？', {
            //         title: "温馨提示",
            //         btn: ['确定', '取消'],
            //         icon: 3,
            //     },function(index){ //index代表当前的弹窗?? //1
            //         $.ajax({
            //             type: "POST",
            //             url: url,
            //             success: function(data){
            //                 console.log(data);
            //                 console.log(data.code);
            //                 if (data.code == 200){
            //                     //刷新dt
            //                     console.log('刷新dt');
            //                     $('#contentTable').bootstrapTable('refresh');
            //                     //layer.msg(data.result);
            //                 }
            //                 console.log(index);
            //                 layer.close(index); //关闭larvel弹出框
            //                 layer.msg(data.result);
            //             }
            //         });
            //     });
            // });
            //触发数据重载
            // $("#StatusSelect").change(function () {
            //     $('#contentTable').bootstrapTable('selectPage',1);
            // });
            // $("#DepartmentSelect").change(function () {
            //     $('#contentTable').bootstrapTable('selectPage',1);
            // });
        });
    </script>
@stop
